<!--
  ~ Copyright (c) Enalean, 2018. All Rights Reserved.
  ~
  ~ This file is a part of Tuleap.
  ~
  ~ Tuleap is free software; you can redistribute it and/or modify
  ~ it under the terms of the GNU General Public License as published by
  ~ the Free Software Foundation; either version 2 of the License, or
  ~ (at your option) any later version.
  ~
  ~ Tuleap is distributed in the hope that it will be useful,
  ~ but WITHOUT ANY WARRANTY; without even the implied warranty of
  ~ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  ~ GNU General Public License for more details.
  ~
  ~ You should have received a copy of the GNU General Public License
  ~ along with Tuleap. If not, see <http://www.gnu.org/licenses/>.
  -->

<div class="pull-request-new-inline-comment">
    <i class="fa fa-plus-circle"></i>
    <div class="arrow"></div>
    <form class="pull-request-new-inline-comment-content"
          ng-submit="$ctrl.submit()">
        <textarea class="tlp-textarea pull-request-new-inline-comment-text"
                  ng-model="$ctrl.comment"
                  required
                  autofocus-input
        ></textarea>

        <div class="pull-request-new-inline-comment-controls">
            <button type="submit"
                    class="tlp-button-primary"
                    ng-disabled="$ctrl.is_loading"
            >
                <i class="tlp-button-icon fa fa-comment"
                   ng-class="{'fa-spin fa-spinner': $ctrl.is_loading}"
                ></i> {{:: 'Comment' | translate }}
            </button>
            <button type="button"
                    class="tlp-button-primary tlp-button-outline"
                    ng-click="$ctrl.cancel()"
            >
                <i class="tlp-button-icon fa fa-times"></i> {{:: 'Cancel' | translate }}
            </button>
        </div>
    </form>
</div>
